.song-detail-wrap {
  height: 100%;
  padding: 0 0.12rem;
  background: #747570;
  position: relative;

  .song-name-wrap {
    padding: 0.1rem 0;
    text-align: center;

    .song-name {
      color: #fff;
      font-size: 0.18rem;
    }

    .singer {
      font-size: 0.12rem;
      color: #c9d2dd;
      margin: 0.04rem;
    }
  }

  .song-lyric-wrap {
    text-align: center;

    .lyric-item {
      margin: 0.22rem 0;
      color: rgba(255, 255, 255, 0.6);
    }
  }

  .song-control-wrap {
    width: 100%;
    position: absolute;
    bottom: 0.35rem;
    left: 0;

    .area {
      display: flex;
      justify-content: space-around;
      align-items: center;
    }

    .area-1 {
      padding: 0 20%;
      margin-bottom: 0.3rem;
    }

    .area-2 {
      margin-bottom: 0.3rem;

      .play-bar {
        width: 80%;
        height: 2px;
        background: rgba(255, 255, 255, 0.5);
      }
    }
  }

}